/* @group General styles */

body {
	background: #fff;
	color: #333;
	font-size: 76%;			/* 12 px */
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.5em;	/* Baseline grid of 18px	*/
	padding-bottom: 10px;
	opacity: 0.99999; /* firefox fix */
}
body * {
	font-size: 1em;
}

/* @group Harmonise */

/* @group Reset */

/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html,body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @end Reset */

address {
	font-style: normal;
}

pre, code, kbd, tt, samp, tt {
	font-family: "andale mono", monospace;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}
strong,b {
	font-weight: bold;
}
em,i {
	font-style: italic;
}
/* @group Lists */

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

.prose ul, ul.bullets, ul.bullets ul {	/* unordered lists more often DON'T require bullets except in extended bits of writing - use the .prose class or apply directly with .bullets */
	margin-left: 1.5em;	/* 18px */
}

.prose ul li, ul.bullets li {
	background-image: url(/images/icons/bullet.gif);
	background-position: 0 0.5em;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 1.5em;
}

ol {	/* ordered lists usually DO require bullets */
	list-style-type: decimal;
	margin-left: 2em;	/* 24px */
}

dt {
	font-weight: bold;
	margin-top: 1.5em;	/* 18px */
}

/* @end */


/* @group Blockquotes */

blockquote {
	font-style: italic;
	margin-left: 1.5em;		/* 18px */
	margin-right: 1.5em;	/* 18px */
	border-left: 0.4em solid #ACA698;
	padding-left: 1.2em;
}

blockquote cite, blockquote em {
	font-style: normal;
}

/* @end */

p, ul, ol, dl, address, blockquote, pre, fieldset {
	margin-bottom: 1.5em;	/* 18px */
}

/* @end Harmonise */

a:link,
a:visited {
	color: #336;
}
a:hover,
a:active,
a:focus {
	color: #069;
}

pre {
	border-right: 5px solid #ACA698;
	border-left: 5px solid #ACA698;
	background-color: #F0EBE4;
	padding: 1em;
}
code {
	background-color: #F0EBE4;
}
/* @group Headers */

h1 {
	font-size: 2.5em;		/* 30px */
	line-height: 1.2em;		/* 36px */
	margin-bottom: 0.4em;	/* 12px */
	font-weight: bold;
	color: #354760;
}
h2 {
	font-size: 1.6667em;	/* 20px */
	line-height: 1.3333em;	/* 24px */
	margin-bottom: 0.6em;	/* 12px */
	font-weight: bold;
	color: #354760;
}
h3 {
	font-size: 1.5em;		/* 18px */
	line-height: 1.2em;		/* 24px */
	margin-bottom: 0.6667em;/* 12px */
}
h4 {
	font-size: 1.1667em;	/* 14px */
	line-height: 1.2857em;	/* 18px */
	margin-bottom: 0.8571em;/* 12px */
}
h1 span {
	font-size: 0.4em;		/* 12px */
	white-space: nowrap;
}
h2 span {
	font-size: 0.6em;		/* 12px */
	white-space: nowrap;
}
h3 span {
	font-size: 0.6667em;	/* 12px */
	white-space: nowrap;
}
h4 span {
	font-size: 0.8571em;	/* 12px */
	white-space: nowrap;
}

/* @end */

/* @end */

/* @group Helper styles */

/* @group forms */

/* @group labels */

label {
	color: #666;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0.2em 0 0.2em 0;
}
label em.help {
	display:block;
	font-style:normal;
	font-weight:normal;
	margin-left:2em;
	text-decoration:none;
}
label em.error {
	display:block;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color: red;
}

/* @end labels */

/* @group containers */
form .container {
	width: auto;
	min-width: 100%;
	max-width: 100%;
	margin: 0 0 0.6em;
}
form .input-container,
form .text-container,
form .button-container {
	margin-bottom: 0.6em;
}

form .button-container {
	margin-top: 1.2em;
}



/* @end containers */

/* @group form controls */

input, 
textarea, 
select, 
button {
	font-family: inherit;
	font-size: 1em;
}

select {
	background-color: white;
}

/* accessability feature, resize check and radio inputs */
.radio-container input, 
.checkbox-container input,
input.radio,
input.checkbox {
	width: 1em;
	height: 1em;
}
input.checkbox,
.checkbox-container input {
	position: relative;
	top: 2px;
}
input.text,
textarea {
	font-size: 1.1em;
	padding: 0.4em 0.5em;
	border: 1px solid #CCCCCC;
	background-image: url(/images/bg/input.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}
form .stretch {
	width: 98%;
}
form .full {
	width: 19em;
}
form .medium {
	width: 13em;
}
input.openid {
	background-image: url(/images/bg/input_openid.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-left: 3em;
	width: 16em;
}

.debug{
    color:#090;
}

button,
a.button,
.button-container input {
	border: 0;
	cursor: pointer;
	padding: 0.2em 0.5em;
	overflow: visible;
	text-decoration: none;
}

.button-container button,
.button-container input,
button.styled,
a.button {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(/images/bg/button.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

button.essaybutton,
a.essaybutton:link, 
a.essaybutton:visited, 
a.essaybutton:hover, 
a.essaybutton:active, 
a.essaybutton:focus {
	background-color: #01C8CC;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(/images/bg/bluebutton.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
button.alt,
a.alt:link,
a.alt:visited,
a.alt:hover,
a.alt:active,
a.alt:focus,
.button-container input.alt {
	background-color: #D2D1BF;
	color: white;
	background-image: url(/images/bg/button_alt.jpg);
}
button.prominent,
a.prominent {
	font-size: 1.5em;
	line-height: 1.8;
	padding: 0.5em 1em;
	margin: 1em 1em 0 0;
}
/* @end form controls */

/* @end forms */

/* @group Images */

img.flat-left {
	float: left;
	margin: 0 1em 1em 0;
}

img.flat-right {
	float: right;
	margin: 0 0 1em 1em;
}

/* @end */

.meta {
	font-size: 0.8em;
	color: #666;
}
.hidden {
	display: none;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.nowrap {
	white-space: nowrap;
}
.intro {
	font-size: 1.6em;
	line-height: 1.3;
	color: #7B7976;
	margin-bottom: 0.7em;
}
.description {
	font-weight: bold;
	font-size: 1.1667em;	/* 14px */
	line-height: 1.2857em;	/* 18px */
}
.preview {
	background-image: url(/images/text/preview.gif);
	background-repeat: no-repeat;
	background-position: 2em 10em;
}
.attribution {
	color: #666;
}

.introduction {
	font-weight: bold;
}
.feed {
	margin-left: 0.5em;
	position: relative;
	top: 4px;
	vertical-align:top;
}
h2 img {
	vertical-align:top;
}
.doc {
	padding: 5px 0 5px 20px;
	background-image: url(/images/icons/word.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.pdf {
	padding: 5px 0 5px 20px;
	background-image: url(/images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.txt {
	padding: 5px 0 5px 20px;
	background-image: url(/images/icons/text.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.prose-seperator {
	border: 1px solid #ccc;
	padding: 2em;
	margin: 0 0 2em 0;
}
.insert {
	padding: 1em;
	background-color: #F7F6E9;
	border: 1px solid #D9D7CA;
}
/* @end */

/* @group Page structure */

/* @group #header */

#header{
    padding:10px 20px 5px 30px;
    background-color:#2B3E58;
    color: #fff;
}

#header a{
    color: #9cc;
    text-decoration:none;
}


/* @end .nav */

/* @group #stats */

#stats {
	font-size: 0.8333em;	/* 10px */
}
.hasJS #stats {
	position: absolute;
	top: 0;
	right: 1.2em;
}
#stats ul {
	position: relative;
	float: right;
	margin: 0;
	z-index: 1;
}
#stats ul li {
	background: #25354A;
	color: #fff;
	padding: .5em 1em;	/* 5px 10px */
	border-right: 1px solid #1D2A3B;
	margin-right: 1px;
	float: left;
}
#stats ul li li {
	float: none;
}
.hasJS #stats ul li {
	height: 2em;
	position: relative;
	float: left;
	z-index: 2;
}

#stats ul li.displaying {
	background: #1D2A3B;
}
#stats ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#stats ul li a.highlight:link, 
#stats ul li a.highlight:visited, 
#stats ul li a.highlight:hover, 
#stats ul li a.highlight:active, 
#stats ul li a.highlight:focus {
	background-color: #3A5273;
	margin-left: 0.5em;
	
	/*-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;*/
	padding: 0.3em 0.8em 0.3em 0.8em;
	border: 1px solid #3A5273;
	border-top: 1px solid #4A5D78;
	border-left: 1px solid #4A5D78;
}
#stats ul li a.highlight:hover, 
#stats ul li a.highlight:active, 
#stats ul li a.highlight:focus {
	border: 1px solid #3A5273;
	border-bottom: 1px solid #4A5D78;
	border-right: 1px solid #4A5D78;
}
#stats ul li a.login:link, 
#stats ul li a.login:visited, 
#stats ul li a.login:hover, 
#stats ul li a.login:active, 
#stats ul li a.login:focus {
	background-color: #05BFCB;
	margin-left: 0.5em;
	
	/*-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;*/
	padding: 0.3em 0.8em 0.3em 0.8em;
	
	border: 1px solid #05BFCB;
	border-bottom: 1px solid #0995AA;
	border-right: 1px solid #0995AA;
}
#stats ul li a img {
	vertical-align: middle;
	width: 18px;
	height: 18px;
	overflow: hidden;
}
#stats ul li button {
	vertical-align: middle;
	background: transparent;
}
#stats ul li span {
	vertical-align: middle;
}
#stats ul li form,
#stats ul li fieldset {
	display: inline;
	margin: 0;
}
#stats ul li form button {
	color: #12A1C9;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
#stats ul li div {
	background: #fff;
	color: #666;
	border: 1px solid #D5DEE6;
	font-size: 1.2em;	/* 12px */
	padding: 0.8333em;	/* 10px */
	width: 22em;
	z-index: 3;
}
.hasJS #stats ul li div {
	position: absolute;
	top: 2.5em;
	left: 0;
}
.hasJS #stats ul li.right div {
	left: auto;
	right: 0;
}
#stats ul li h3 {
	color: #354760;
}
#stats ul li div a {
	color: #09c;
	text-decoration: underline;
}
#stats ul li div a:link,
#stats ul li div a:visited {
	color: #09c;
}
#stats ul li div a:hover,
#stats ul li div a:active,
#stats ul li div a:focus {
	color: #069;
}
#stats ul li div button {
	float: right;
	margin-top: -0.5em;
	margin-right: -0.5em;
}

#stats ul li div ul {
	position: static;
	float: none;
}
#stats ul li div ul li {
	background: transparent;
	color: #666;
	padding: 0;
	border: 0;
	margin: 0.5em 0;	/* 6px */
}
.hasJS #stats ul li div ul li {
	position: static;
	float: none;
	display: block;
	height: auto;
	z-index: auto;
}

/* @group Loginform */

#stats ul li div#loginform div,
#stats ul li div#loginform form {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	border: none;
	font-size: 1em;
	padding: 0;
	zoom:1;
	background: transparent;
}
#stats ul li div#loginform label {
	zoom:1;
}
#stats ul li div#loginform form.hidden {
	display: none;
}
#stats ul li div#loginform {
	width: 22em;
	zoom:1;
	z-index: 5;
}
#stats ul li div#loginform div {
	width: 100%;
}
#stats ul li form .button-container button {
	float: none;
	margin: 0;
	text-decoration: none;
	background-color: #BBCB13;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(/images/bg/button.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#stats ul li div#loginform button.close {
	float: right;
	position: relative;
	z-index: 10;	
}
button.close img {
	width: 16px;
	height: 16px;
	overflow: hidden;
}
/* @end */

/* @end #stats */

/* @end #header */

/* @group #footer */

#footer {
	background-color: #2B3E58;
	clear: both;
}


/* @end #footer */

/* @group #page */

#page {
	background: #fff url('/images/bg/page.gif') left top repeat-x;
	clear: both;
	padding-top: 1.5em;		/*30px */
	padding-bottom: 30px;
}

/* @group Layout */

.content {
	padding: 0 1em;
}
.container {
	margin: 0 auto;
	max-width: 95.0em; /* 1098px */
	min-width: 760px;
}

/* @group Equal 50 / 50 */

.equal {
	float: left;
	display: inline;
	margin-left: 4%;
	margin-bottom: 1em;
	width: 48%;
}

/* @end */

/* @group thirds */

.thirds {
	float: left;
	display: inline;
	width: 30%;
	margin-left: 5%;
}

/* @end */

/* @group Wide / narrow */

#page .wide {
	width: 65%;
	position: relative;
	float:  left;
	margin-left: 4%;
	display: inline;
	padding-bottom: 1em;
}
#page .narrow {
	width: 31%;
	margin-left: 4%;
	float: left;
	display: inline;
	padding-bottom: 1em;
}

/* @end */

#page .content .first-col {
	margin-left: 0;
}

/* @end */


/* @end #page */

/* @end Page Structure*/

/* @group Overrides */

/* @group Feedback notification */

.feedback {
	z-index: 1;
	background: #fff;
	color: #666;
	border-bottom: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	font-weight: bold;
	padding: 1em;
	font-size: 1.1667em;	/* 14px */
	line-height: 1.2857em;	/* 18px */
	margin-bottom: 1.2857em;/* 18px */
}
.feedback * {
	margin: 0;
}
.feedback button {
	float: right;
	background: #fff;
	padding: 0 0.5em 0 0;
}
.feedback button img {
	width: 16px;
	height: 16px;
	overflow: hidden;
}

/* @end */

/* @group Activity list */

.activity {
	position: relative;
	overflow: hidden;
	clear: both;
	color: #666;
	vertical-align: middle;
}
.activity li {
	/*float: left;*/
	display: inline;
	font-size: 0.9167em;	/* 11px */
	padding-right: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}
.activity img {
	vertical-align: text-top;
	vertical-align: middle;
	width: 18px;
	height:  18px;
	overflow: hidden;
}
.promo .activity .rating {
	margin-left: 3em;
}

/* @end */

/* @group Rating stars */

.rating {
	margin-right: 0.5em;
	color: #666;
	white-space: nowrap;
	position: relative;
	top: -2px;
}
.rating .total {
	color: #91B008;
}
span.rating img {
	width: 12px;
	height:  12px;
	overflow: hidden;
}

/* @end */

/* @group Action buttons */

.actions {
	z-index: 1;
}
.actions li {
	margin: 1em;
	position: relative;
	z-index: 2;
}
.actions li a.toggle,
.actions li button {
	background: #fff;
	color: #09c;
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

.actions img,
.actions img {
	vertical-align: middle;
	width: 18px;
	height: 18px;
	overflow: hidden;
}

.actions li button{
    text-decoration:none;
    cursor:pointer;
    width:auto;
    margin: 0.5em 0;
    overflow:visible;
    padding:5px 10px 6px 7px;/* IE6 */
}
.actions li button[type]{
    padding:6px 10px 8px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:5px 10px 6px 7px;/* IE7 */
}

.actions li a.displaying {
	background: #D5DEE6;
	color: #354760;
}
.actions li a.displaying-inner {
	color: #666;
	text-decoration: none;
}
.actions li div {
	background: #fff;
	border: 1px solid #D6DFE6;
	padding: 1em;
	width: 100%;
}

.actions li div button {
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
	border-radius: 0em;
}
/*
.actions li div ul {
	height: 15em;
	overflow: auto;
}
.actions li div ul ul {
	height: auto;
	overflow: visible;
}
*/
.hasJS .actions li div {
	position: absolute;
	left: 0;
	top: 1em;
	z-index: 3;
}

.actions li div div {
	border: 0;
	padding: 0;
	width: auto;
}
.hasJS .actions li div div {
	position: relative;
	left: 0;
	top: 0;
}
.actions li div li {
	position: static;
	float: none;
	margin: 0 0 1em 0;
}

#page .actions li div li form div {
	zoom:1;
}

.actions li div button {
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
}
.actions li div .button-container button {
	position: static;
	width: auto;
	font-weight: bold;
	font-size: 1.2em;
	border: 0;
	cursor: pointer;
	
	padding: 0.2em 0.5em;
	background-color: #BBCB13;
	color: white;
	background-image: url(/images/bg/button.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.actions li div li {
	border: 0;
	padding: 0;
	position: static;
}
.actions li div form input,
.actions li div form label {
	vertical-align: middle;
	float: none;
}















